<div class="bg" style="box-sizing: border-box">

    <!-- 头部 -->
    <!-- <div style="margin-top: 20px">
        <div class="carTitle" style="overflow: hidden; margin: 0 auto">
            <i style="float: left;">
                <img src="/assets/img/title-left.png" alt="">
            </i>
            <p style="color: #fff;float: left;margin: 0 10px;">车辆数据统计</p>
            <i style="float: left;">
                <img src="/assets/img/title-right.png" alt="">
            </i>
        </div>
    </div> -->

    <!-- 主体 -->
    <div class="layui-col-lg12 layui-col-space15" style="margin: 20px 0;height: 95%;">

        <!-- 左边 -->
        <div class="layui-col-lg4 body-left" style="height: 100%;">
            <div class="title-date" style="height: 40px;">
                <p id="DateTime" style="line-height: 40px;text-align: center;">2018/8/4 星期六 上午11:40:50</p>
            </div>
            <div class="layui-col-xs12 data-box1" style="margin-top: 20px;">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div id="car_state">
                </div>
            </div>
            <div class="layui-col-xs12 data-box1" style="margin-top: 20px;">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div id="car_use">
                </div>
            </div>
        </div>
        <!-- 中间 -->
        <div class="layui-col-lg4" style="height: 100%;">
            <div class="data-box1" style="height: 100%;">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div id="myChart">

                </div>
            </div>
        </div>
        <!-- 右边 -->
        <div class="layui-col-lg4 body-right" style="height: 100%;">
            <!-- 车辆数 -->
            <div class="data-box1">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div id="cars">
                </div>
            </div>
            <!-- 维保保险.... -->
            <div style="margin-top: 20px;" class="data-box1">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div  id="bill">
                </div>
            </div>
            <!-- 百里油耗... -->
            <div style="margin-top: 20px;" class="data-box1">
                <i class="topL"></i>
                <i class="topR"></i>
                <i class="bottomL"></i>
                <i class="bottomR"></i>
                <div  id="oilCost">
                </div>
            </div>

        </div>
    </div>
</div>